/*******************************************************************************
 * Copyright (c) 2017-2020 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0, or the Apache Software License 2.0
 * which is available at https://www.apache.org/licenses/LICENSE-2.0.
 *
 * SPDX-License-Identifier: EPL-2.0 OR Apache-2.0
 *******************************************************************************/

.sectionsContentContainer {
    min-height: 300px;
    overflow: auto;
    display: grid;
    grid-template-columns: 700px 30px auto;
    grid-template-rows: 50px 219px auto auto;
    grid-column-gap: 5px;
}

.searchBoxContainer {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.sectionsComponentContainer {
    grid-column: 1 / span 1;
    grid-row: 2 / span 2;
    display: grid;
    grid-template-columns: 10px auto 20px;
}

.sectionsOverviewShadow {
    grid-column: 2 / span 1;
    grid-row: 1 / span 3;
    display: grid;
    grid-template-rows: repeat(3, minmax(0, auto));
}

.sectionSidebar {
    grid-template-columns: auto 200px auto;
    grid-column: 3 / span 1;
    grid-row: 1 / span 3;
    align-self: start;
}

.sectionSidebar button,
.sectionSidebar div {
    width: 90%;
}

.sectionBtn {
    grid-column-start: 2;
    grid-column-end: 3;
    margin-bottom: 7px;
}

.winery-entity-container {
    grid-column: 2 / span 1;
    grid-row: auto;
}

.sectionsFooterContainer {
    grid-column: 1 / span 1;
    grid-row: 4 / span 1;
    display: grid;
    grid-template-columns: 1fr auto auto 1fr;
}

.selectItemsPerPage {
    grid-column: 2 / span 1;
}

pagination-controls {
    padding-top: 0.5rem;
    grid-column: 3 / span 1;
}

.red {
    color: red;
}

.green {
    color: darkgreen;
}

.scroll {
    overflow: scroll;
    width: 550px;
    max-height: 600px;
}

.noWrap {
    white-space: nowrap;
}

.addPadding {
    padding-bottom: 110px;
}
